.flex {
  display: flex;
  justify-content: space-between;
}
.line-overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
header {
  position: relative;
  height: 7.2rem;
  background: #35b9b3 url(../images/home-banner.png) no-repeat 0.53333333rem 1.2rem/8.93333333rem 5.54666667rem;
}
header .logo {
  position: absolute;
  top: 0.37333333rem;
  left: 0.37333333rem;
  width: 0.69333333rem;
  height: 0.69333333rem;
  text-indent: -9999px;
  background: url(../images/logo-x.png) no-repeat;
  background-size: 100%;
}
header .signup {
  position: absolute;
  top: 0.37333333rem;
  right: 0.37333333rem;
  padding: 0.10666667rem 0.32rem;
  font-size: 0.32rem;
  color: #35b9b3;
  border-radius: 0.34666667rem;
  background-color: #fff;
}
header .header-bottom {
  position: absolute;
  left: 0.37333333rem;
  bottom: 0.21333333rem;
}
header .header-bottom form {
  width: 8.21333333rem;
  height: 0.98666667rem;
  line-height: 0.98666667rem;
  padding: 0 0.37333333rem;
  margin-right: 0.37333333rem;
  border-radius: 0.8rem;
  background-color: #fff;
  overflow: hidden;
}
header .header-bottom form span {
  width: 1.06666667rem;
  position: relative;
  color: #414a60;
  cursor: pointer;
}
header .header-bottom form span::after {
  content: '';
  position: absolute;
  height: 0.48rem;
  right: -0.26666667rem;
  top: 0.26666667rem;
  border-right: 0.02666667rem solid #f2f5fa;
}
header .header-bottom form span i {
  position: absolute;
  right: 0.02666667rem;
  top: 0.37333333rem;
  width: 0;
  height: 0;
  border-right: 0.10666667rem solid transparent;
  border-left: 0.10666667rem solid transparent;
  border-top: 0.10666667rem solid #000;
}
header .header-bottom form input {
  flex: 1;
  padding-left: 0.64rem;
  font-size: 0.37333333rem;
  color: #aeaeae;
}
header .header-bottom form input::placeholder {
  font-size: 0.37333333rem;
  color: #aeaeae;
}
header .header-bottom form button {
  width: 1.06666667rem;
  padding: 0;
  font-size: 0.37333333rem;
  color: #35b9b3;
}
header .header-bottom .message {
  flex-direction: column;
}
header .header-bottom .message i {
  position: relative;
  height: 0.61333333rem;
  background: url(../images/message.png) no-repeat;
  background-size: 100%;
}
header .header-bottom .message i::after {
  content: '';
  position: absolute;
  right: -0.05333333rem;
  top: -0.02666667rem;
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 0.16rem;
  background-color: #fd896b;
}
header .header-bottom .message span {
  color: #fff;
  font-size: 0.32rem;
}
main .main_common {
  padding: 0.74666667rem 0.53333333rem 0;
}
main .main_common h3 {
  margin-bottom: 0.42666667rem;
  font-size: 0.53333333rem;
  color: #333;
}
main .hot-position ul {
  flex-wrap: wrap;
  font-size: 0.37333333rem;
}
main .hot-position ul li {
  text-align: center;
  margin-bottom: 0.24rem;
}
main .hot-position ul li:nth-last-child(-n + 4) {
  margin-bottom: 0;
}
main .hot-position ul li a {
  display: block;
  box-sizing: border-box;
  width: 2.8rem;
  height: 0.96rem;
  padding: 0.18666667rem 0.26666667rem;
  color: #333;
  border: 0.02666667rem solid #e3e3e3;
  border-radius: 0.08rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
main .hot-position ul span {
  width: 2.8rem;
}
main .hot-company {
  padding-right: 0;
  padding-left: 0;
  width: 100vw;
  overflow: hidden;
}
main .hot-company h3 {
  padding-left: 0.53333333rem;
}
main .hot-company ul {
  width: 18.4rem;
  padding: 0 0.53333333rem;
  flex-wrap: wrap;
}
main .hot-company ul span {
  width: 4.13333333rem;
}
main .hot-company ul li {
  margin-bottom: 0.26666667rem;
}
main .hot-company ul li:nth-last-child(-n + 7) {
  margin-bottom: 0;
}
main .hot-company ul li a {
  align-items: center;
  justify-content: center;
  width: 4.13333333rem;
  height: 1.76rem;
  color: #414a60;
  background-color: #f9f9f9;
  border-radius: 0.21333333rem;
}
main .hot-company ul li a img {
  width: 0.96rem;
  margin-right: 0.21333333rem;
}
main .hot-company ul li a .hot-company-info {
  width: 2.26666667rem px;
  height: 1.12rem px;
}
main .hot-company ul li a .hot-company-info p {
  color: #333;
}
main .hot-company ul li a .hot-company-info span {
  font-size: 0.32rem;
  color: #666;
}
main .job-recommend .login {
  position: relative;
  align-items: center;
  padding: 0.26666667rem 0.4rem;
  font-size: 0.34666667rem;
  color: #666;
  box-shadow: 0 0.02666667rem 0.10666667rem 0 rgba(0, 0, 0, 0.08);
  background-color: #fff;
}
main .job-recommend .login::before {
  content: '';
  position: absolute;
  left: 0.88rem;
  top: -0.10666667rem;
  width: 0.21333333rem;
  height: 0.21333333rem;
  background-color: #fff;
  box-shadow: 0.02666667rem -0.02666667rem 0.05333333rem rgba(104, 75, 75, 0.07);
  transform: rotate(-45deg);
}
main .job-recommend .login span {
  padding: 0.10666667rem 0.32rem;
  font-size: 0.32rem;
  border-radius: 0.37333333rem;
  color: #fff;
  background-color: #35b9b3;
}
main .job-recommend .job-list {
  margin: 0 -0.53333333rem;
  background-color: #f7f7f7;
}
main .job-recommend .job-list .job-list-item {
  margin-bottom: 0.16rem;
  background-color: #fff;
  box-sizing: border-box;
  display: block;
  padding: 0.48rem 0.53333333rem 0.26666667rem;
  color: #333;
}
main .job-recommend .job-list .job-list-item .title {
  align-items: center;
  margin-bottom: 0.13333333rem;
  font-size: 0.48rem;
}
main .job-recommend .job-list .job-list-item .title h4 {
  font-weight: normal;
}
main .job-recommend .job-list .job-list-item .title span {
  font-size: 0.42666667rem;
  font-family: kanzhun-Regular, kanzhun;
  color: #f67b4e;
}
main .job-recommend .job-list .job-list-item .name {
  margin-bottom: 0.29333333rem;
  color: #666;
}
main .job-recommend .job-list .job-list-item .name span {
  margin-right: 0.13333333rem;
}
main .job-recommend .job-list .job-list-item .labels {
  margin-bottom: 0.53333333rem;
  font-size: 0.32rem;
}
main .job-recommend .job-list .job-list-item .labels span {
  padding: 0.16rem 0.16rem;
  color: #666;
  background-color: #f5f5f5;
  border-radius: 0.08rem;
}
main .job-recommend .job-list .job-list-item .recruiter {
  align-items: center;
}
main .job-recommend .job-list .job-list-item .recruiter p {
  font-size: 0.32rem;
}
main .job-recommend .job-list .job-list-item .recruiter p img {
  width: 0.64rem;
  height: 0.64rem;
  margin-right: 0.08rem;
  border-radius: 50%;
}
main .job-recommend .job-list .job-list-item .recruiter span {
  padding: 0.13333333rem 0.58666667rem;
  font-size: 0.34666667rem;
  border-radius: 0.48rem;
  color: #fff;
  background-color: #35b9b3;
}
main .job-recommend .job-list .loadmore {
  cursor: pointer;
  margin-top: -0.16rem;
  line-height: 1.33333333rem;
  text-align: center;
  font-size: 0.37333333rem;
  color: #35b9b3;
  background-color: #fff;
}
footer {
  padding: 0.13333333rem 0.4rem;
  font-size: 0.32rem;
}
